<%@ Control Language="C#" AutoEventWireup="true" CodeFile="TabsMenu.ascx.cs" Inherits="TabsMenu_TabsMenu" %>
<div id="<%=CssClass %>">
<ul>
  <li><asp:LinkButton ID="linkButton1" runat="server">LinkButton1</asp:LinkButton></li>
  <li><asp:LinkButton ID="linkButton2" runat="server">LinkButton2</asp:LinkButton></li>
  <li><asp:LinkButton ID="linkButton3" runat="server">LinkButton3</asp:LinkButton></li>
  <li><asp:LinkButton ID="linkButton4" runat="server">LinkButton4</asp:LinkButton></li>
  <li><asp:LinkButton ID="linkButton5" runat="server">LinkButton5</asp:LinkButton></li>
  <li><asp:LinkButton ID="linkButton6" runat="server">LinkButton6</asp:LinkButton></li>
  <li><asp:LinkButton ID="linkButton7" runat="server">LinkButton7</asp:LinkButton></li>
  <li><asp:LinkButton ID="linkButton8" runat="server">......</asp:LinkButton>
  </li>
</ul>
</div>
<div style="display:none; position:absolute; left:-500px;">
    <asp:HiddenField ID="hfCssClass" runat="server" />
    <asp:HiddenField ID="hfClientIDSuffix" runat="server" />
    <asp:TextBox ID="tbSelectedIndex" runat="server"></asp:TextBox>
</div>
<script language="javascript" type="text/javascript"> 
    function selectedIndex(value, showObjectID)
    {
        hideObjects();
        if(navigator.userAgent.toLowerCase().indexOf("firefox")>0)
        {
            document.getElementById(showObjectID).style.position = 'inherit';           
        }
        else
        {
            document.getElementById(showObjectID).style.display = '';
        }
        document.getElementById("<%=tbSelectedIndex.ClientID %>").value = value;     
        var tabsMenuDiv = document.getElementById("<%=CssClass %>");        

        for(var i=0; i< <%=TabsMenuItemArray.Length %>; i++)
        try
        {
            if(value == i)
            {
                tabsMenuDiv.getElementsByTagName("a")[i].className='hyperLinkSelect';
                tabsMenuDiv.getElementsByTagName("span")[i].className='spanSelect';
            }
            else
            {	
                if (tabsMenuDiv.getElementsByTagName("a")[i].className != "")
                    tabsMenuDiv.getElementsByTagName("a")[i].className = "";
                if (tabsMenuDiv.getElementsByTagName("span")[i].className != "") 
                    tabsMenuDiv.getElementsByTagName("span")[i].className = "";
            }
        }
        catch(e)
        {}
    } 

    function hideObjects()
    {
	<%=HideObjects %>	 
    }
</script>